.character {
  position: absolute;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: transform 0.1s ease;
}

.character-emoji {
  font-size: 40px;
  transition: all 0.3s ease;
}

/* 方向样式 */
.facing-up .character-emoji {
  transform: translateY(-2px);
}

.facing-down .character-emoji {
  transform: translateY(2px);
}

.facing-left .character-emoji {
  transform: rotateY(180deg) translateX(2px);
}

.facing-right .character-emoji {
  transform: translateX(2px);
}

/* 移动动画 */
.moving .character-emoji {
  animation: bounce 0.5s infinite alternate;
}

@keyframes bounce {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5px);
  }
}